<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="果果,果果网,果果街,淘宝网导购,淘宝母婴,母婴用品,母婴产品,母婴网购,怀孕,孕期,婴幼儿,儿童,0-1岁,1-3岁,3-6岁,妈妈购物分享,逛淘宝,童装,童鞋,玩具,早教,启蒙,亲子,亲子装,纸尿裤,奶粉,母婴类美丽说,母婴类蘑菇街,母婴类爱乐活" />
<meta name="description" content="看看妈妈们为宝宝淘到的好东西，参加品牌母婴电商限时高额返利活动，推荐别人购买自己拿佣金，果果街是妈妈分享育儿消费经验，网购省钱的好地方。" />
<title>挣钱啦 - 果果街</title>
<%@include file="../common/js.jsp" %>
<%@include file="../common/css.jsp" %>
<script type="text/javascript" src="/js/v3/amoy.js"></script>
<link type="text/css" rel="stylesheet" href="/css/v4/detail.css"/>

<!--[if ie 6]><script type="text/javascript" src="/js/v4/iepng.js"></script><![endif]-->
<!--[if ie]><link type="text/css" rel="stylesheet" href="/css/v4/common/IE.css"><![endif]-->
</head>

<body>
	<%@include file="../common/header.jsp" %>
    
    <!-- body -->
    
    <div class="w100p pt70 pb35">
    	<div class="w980 mg clearfix">
        	
        
        	<div class="dc_left">
            	<div class="box_s8 mb15">
                	<div class="r_det_pd_s1">
                    	<div class="r_lb_box">
                        	<ul class="r_lunbo" id="picUL">
                        		<c:forEach items="${lunBoList }" var="c"  begin="0" end="1">
	                            	<li>
	                                	<a href="${c.hyperlink }" target="_blank"><img src="${c.picture }" width="690" height="250" class="block" alt="${c.title }"/></a>
	                                </li>
                                </c:forEach>
                            </ul>
                            <ul class="r_nums" id="numsUL">
                            	<c:forEach items="${lunBoList }" var="c" varStatus="s" begin="0" end="1">
	                            	<li>
	                                	<a href="javascript:void(0)" target="_blank">${s.count }</a>
	                                </li>
                                </c:forEach>
                            </ul>
                        </div>
                        
                        <ul class="r_list_s1">
                        <c:forEach items="${lunBoList2 }" var="c">
                        	<li>
                            	<i class="gray_circle"></i>
                                <a href="${c.hyperlink }" target="_blank">${c.title }</a>
                            </li>
                        </c:forEach>
                        </ul>
                        
                    </div>
                	<div class="shadow"></div>
                </div>
                
                
            	<div class="box_s8">
                	<div class="r_det_pd_s1">
                    	<a href="javascript:void(0)" class="block"><img src="../../images/v4/other/ad_689x113.png" class="block" /></a>
                        <div class="r_det_pd_s3">
                            <div class="espe_info">
                                <c:if test="${not empty  myRank}"><p class="rank"><span>您目前：</span>${myRank.sortResult }</p></c:if>
                                <p class="tip">本期[${luckTime.ltimeTitle }] 排名前${luckTime.finanum }名者将获<span> ${luckTime.title }</span></p>
                            </div>
                       	</div>
                        <div class="r_det_pd_s2">
                            <div class="ranking_list">
                                <div class="rank_info_tip">
                                	<a href="/luck/historyrank.htm">查看往期结果</a>
                                	<c:if test="${not empty luckTime}"><p>离开奖时间还有：<i id="ldate"></i></p></c:if>
                                </div>
                                <c:if test="${not empty luckTime}">
                                <table class="r_list_head">
                                    <tr>
                                        <td width="135" class="col1">排名</td><td width="190" class="col2">用户名</td><td width="">幸运数</td>
                                    </tr>
                                </table>
                                <p class="r_sepa"></p>
                                <table class="r_list_body">
                                <c:forEach items="${pageModel.list }" var="r">
                                    <tr>
                                        <td width="135" class="col1"><span class="rank_num<c:if test="${r.rank>luckTime.finanum }"> rank_num_gray</c:if>">第${r.rank }位</span></td>
                                        <td width="190">
                                            <div class="lay_lr_box">
                                                <a href="/member/tashare.htm?ta=${r.memberObj.identifier }" target="_blank" class="l_box"><img src="${r.memberObj.imageServer }${r.memberObj.avatar}" width="32" height="32" class="block" /></a>
                                                <div class="r_box">
                                                    <a href="/member/tashare.htm?ta=${r.memberObj.identifier }" target="_blank" class="name">${r.memberObj.nickname }</a>
                                                    <p class="date">
                                                    	<fmt:parseDate value="${r.luckdate }" var="d"/>
                                                    	<fmt:formatDate value="${d }" type="date"/>
                                                    </p>
                                                </div>
                                            </div>
                                        </td>
                                        <td><span class="lucky_num">${r.ranknum }</span></td>
                                    </tr>
                                </c:forEach>
                                </table>
                                </c:if>
                            </div>
                        </div>
                        <!-- fanye -->
                        <c:if test="${pageModel.totalPage>1 }"><div class="fanye mt50" id="pager"></div></c:if>
                        <!-- fanye--end-->
                      
                        
                    </div>
					
                    
                	<div class="shadow"></div>
                </div>
                
                
                
            </div>
            
            <!-- right-->
            <div class="dc_right">
            	<div class="box_s9 mb10">
                    <div class="rank_pd_s2">
                    	<div class="rank_ad mb10">
                        	<a href="${advList[0].hyperlink }" target="_blank"><img src="${advList[0].picture }" alt="${advList[0].title }" width="227" height="163" class="block" /></a>
                        </div>
                        <div class="rank_ad">
                        	<a href="${advList[0].hyperlink }" target="_blank"><img src="${advList[1].picture }" alt="${advList[1].title }" width="227" height="61" class="block" /></a>
                        </div>
                    </div>
                    <div class="shadow"></div>
                </div>	
                
                <div class="box_s9 mb10">
                    <div class="rank_pd_s2">
                    	<div class="tit_con_box tit_con_rank">
                        	<h3>最佳推广返利</h3>
                            <div class="content">
                            	<ul class="spread">
	                            	<c:forEach items="${rebateList }" var="c">
	                                	<li class="lay_lr_box">
	                                    	<a href="${c.hyperlink }" target="_blank" class="l_box"><img src="${c.picture }" alt="${c.title }" width="90" height="90" class="block" /></a>
	                                        <div class="r_box">
	                                        	<p class="info">${c.description }</p>
	                                            <span class="fanli">${c.title }</span>
	                                            <a href="${c.hyperlink }" target="_blank" class="def_btn_s2">我要推广</a>
	                                        </div>
	                                    </li>
	                                </c:forEach>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="shadow"></div>
                </div>
            </div>
            <!-- right--end-->
            
        </div>
    </div>
    
    <%@include file="../common/footer.jsp" %>
    <!-- body--end-->
<script type="text/javascript">
$(function(){
	$("#pager").pager({
		pagenumber : "${pageModel.currentPage}",
		pagecount : "${pageModel.totalPage}",
		buttonClickCallback : function(page) {
			location.href = "/luck/viewrank.htm?page=" + page;
		}
	});
	$.lbShow({picUL:"picUL",numsUL:"numsUL",titleUL:"titleUL",styles:"hover"});
});
leastDay("${luckTime.ltime}");
function leastDay(goday){
	var today=new Date();
	var goDay=GGTOOL.strToDate(goday);
	
	today = GGTOOL.strToDate(today.format("yyyy-MM-dd hh:mm:ss"));
	goDay = GGTOOL.strToDate(goDay.format("yyyy-MM-dd hh:mm:ss"));
	var dayTime = (goDay.getTime()-today.getTime())/ 1000 / 60 / 60 /24;
	var days = parseInt(dayTime);//天
	var hourTime =(dayTime - days)*24;
	var hours =parseInt(hourTime);//时
	var minutesTime =(hourTime-hours)*60;
	var minutes = parseInt(minutesTime);//分
	var secondTime =(minutesTime-minutes)*60;
	var seconds = parseInt(secondTime);  //秒
	var result="";
	if(dayTime<1){
		result=hours+"个小时"+minutes+"分钟";
	}else{
		result=days+"天"+hours+"个小时"+minutes+"分钟";
	}
	$("#ldate").text(result);
}

</script>
</body>
</html>
